/*
 * @Author= ting.yan
 * @Date= 2019-09-18 17:23:12
 * @Last Modified by: ting.yan
 * @Last Modified time: 2019-09-23 13=58=12 
 */

// Color for pages
$color-red= #FF4545;
$color-blue= #4CA7EC;
$color-dark-grey= #333333;
$color-medium-grey= #666666;
$color-light-grey= #999999;
$color-medium-white= #ffffff;

// Color for status
$color-err-red= #FF4545;
$color-suc-green= #56B35C;
$color-warn-orange= #FF9100;
$color-unstart= #8896B3;

// Extra colors for icon and others
$color-active-blue= #1F7ACA;
$color-light-blue=#1f7aca;
$color-middle-blue=#8FBCE4;
$color-warn-red= #FF6969;
$color-normal-green= #48C16A;
$color-disabled-grey= #cccccc;
$color-divide-grey= #E5E5E5;
$color-background= #F8F8F8;

// Customer colors
$color-black= #000000;
$color-severe-grey= #636367;
$color-white= #fff;
$popup-mask-bgc= #000;
$popup-mask-op= 0.5;
$theme-color= #2C2C2D;
$circle-color= #ccc;
$loading-tip= #8B8B8D;

// Button colors
$color-btn-default = #FF4545;
$color-btn-secondary = #606266;
$color-btn-border = #E4E7ED;

$color-btn-disabled= #eee;
$color-btn-disabled-font= #ccc;


// check colors
$color-check-default = #aaaaaa;
$color-btn-active-bg = #E0E0E0;
$color-btn-active = #F44336;
$color-btn-active-border = #DD665D;

$color-btn-active-bg-primary = #E53D3D;
$color-btn-active-primary = #E5E5E5;

$color-btn-active-bg-secondary = #E5E5E5;
$color-btn-active-secondary = #56585B;
$color-btn-active-border-secondary = #CCCFD4;
